
.head-top{
    border-bottom: 2px solid #ff6699;
    background-color: #FFFFFF;
    width: 100%;
    position: relative;
}
.head-top .topimg{
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
}

.head-nav {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #f4f4f4;
    background: #fafafa;
    font-size: 12px;
    line-height: 30px;
    position: relative;

}

a:visited {
    color: #666666;
}

a:link {
    text-decoration: none;
    color: #666666;
}

a:hover {
    text-decoration: underline;
}

.hide a:hover {
    text-decoration: none;
}

.head-nav .logon {
    display: flex;
    float: left;
    color: #666666;
    position: absolute;
}

.head-nav .logon1 {
    width: 400px;
    display: flex;
    float: left;
    color: #666666;
    position: absolute;
    left: 840px;
}

.head-nav .logon .span0 {
    width: 103.1px;
    position: absolute;

}

.head-nav .logon .span1 {
    width: 46px;
    position: absolute;
    left: 110px;
}

.head-nav .logon .span1:hover {
    cursor: pointer;
}

.head-nav .logon .span2 {
    width: 58px;
    position: absolute;
    left: 160px;
}

.head-nav .logon .span2:hover {
    cursor: pointer;
}

.head-nav .logon1 img {
    width: 10px;
    height: 10px;
}

.head-nav .logon1 .span3 {
    width: 83.55px;
    position: absolute;
    left: 0;
    text-align: center;
    z-index: 100;
}


.head-nav .logon1 .hide {
    line-height: 24px;
}

.head-nav .logon1 .span3 .hide {
    width: 83.55px;
    background: #fafafa;
    display: none;
    text-align: center;
}

.head-nav .logon1 .span3:hover .hide {
    display: block;
}

.head-nav .logon1 .span4 {
    width: 107.55px;
    position: absolute;
    left: 83.55px;
    text-align: center;
    z-index: 100;
}

.head-nav .logon1 .span4 .hide {
    width: 107.55px;
    background: #fafafa;
    display: none;
    text-align: center;
}

.head-nav .logon1 .span4:hover .hide {
    display: block;
}

.head-nav .logon1 .span5 {
    width: 83.55px;
    position: absolute;
    left: 190.55px;
    text-align: center;
    z-index: 100;
}

.head-nav .logon1 .span5 .hide {
    width: 83.55px;
    background: #fafafa;
    display: none;
    text-align: center;
}

.head-nav .logon1 .span5:hover .hide {
    display: block;
}

.head-nav .logon1 .span6 {
    width: 83.55px;
    position: absolute;
    left: 273.55px;
    text-align: center;
    z-index: 100;
}

.head-nav .logon1 .span6 .hide {
    width: 83.55px;
    background: #fafafa;
    display: none;
    text-align: center;
}

.head-nav .logon1 .span6:hover .hide {
    display: block;
}


.head-search {
    width: 100%;
    height: 140px;
    color: #666666;
    background-color: #FFFFFF;
    font-size: 12px;
    position: relative;
}

.head-search img {
    width: 171px;
    height: 110px;
    position: absolute;
    top: 10px;
}

.head-search .input {
    width: 601px;
    height: 39px;
    border: 2px solid #ff6699;
    position: absolute;
    left: 290px;
    top: 45px;
}

.head-search .input .keyword {
    width: 470px;
    height: 38px;
    font-size: 12px;
    position: absolute;
    left: 30px;
    border: none;
    outline: none;
}

.head-search .input .button {
    width: 102.5px;
    height: 39px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #ff6699;
    position: absolute;
    left: 500px;
    border: none;
    outline: none;
}

.head-search .input .button:hover {
    cursor: pointer;
}

.head-search .input img {
    width: 17px;
    height: 17px;
    position: absolute;
    left: 7px;
    top: 10px;
}

.head-search .groom {
    width: 604px;
    height: 24px;
    position: absolute;
    left: 297px;
    top: 90px;
}

.head-search .groom .a1:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .groom .a2:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .groom .a3:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .groom .a4:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .groom .a5:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .groom .a6:hover {
    color: #ff6699;
    text-decoration: none;
}

.head-search .troley {
    width: 187.33px;
    height: 32.33px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #d8d7d7;
    position: absolute;
    left: 1015px;
    top: 50px;
    overflow: hidden;
}

.head-search .troley img {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 45px;
    top: 10px;

}

.head-search .troley span {
    width: 16px;
    height: 16px;
    background-color: #ff6699;
    position: absolute;
    left: 122px;
    top: 4px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    color: #FFFFFF;
}

.head-search .troley:hover a {
    color: #ff6699;
    text-decoration: none;
}

.head-search .troley:hover img {
    transform: translateY(-50px);
    filter: drop-shadow(#ff6699 0 50px);

}

.nav-bar {
    width: 100%;
    height: 38px;
    background-color: #FFFFFF;
    color: #666666;
    display: flex;
    position: relative;
}

.nav-bar .title {
    width: 191px;
    height: 38px;
    background-color: #ef4b82;
    position: absolute;
    line-height: 38px;
}

.nav-bar .title a {
    margin-left: 60px;
    color: #FFFFFF;
}

.nav-bar .title img {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    left: 30px;
}

.nav-bar .box {
    width: 848px;
    height: 36px;
    display: flex;
    position: absolute;
    left: 190px;
}

.nav-bar .box .box1 {
    width: 106px;
    height: 36px;
    margin-left: 0;
    text-align: center;
    line-height: 36px;
}
.nav-bar .box .box1 .shouye{
    color: #ff6699;
}

.nav-bar .box .box1 a:hover {
    color: #ff6699;
}